// 这是一个运行在微信公众号的项目--建房图库（该项目有手机端和pc端）
// 为vue,vuex,vue-router,FastClick,axios启用cdn
import Vue from 'vue'
import App from './App.vue'
import router from './router'

// 移动端300ms延迟
import FastClick from 'fastclick' // 动态设置html的font-size，样式单位使用rem，用于响应式开发（可通过调整baseSize和baseWidth去计算设计尺寸和rem的转换关系）

// 使用vant组件--按需引入方式
import './vant.js'
// 修改vant样式
import '@/assets/css/resetui.css'

// 使用axios
import { get, post } from '@/api/http.js'

// 使用vuex管理数据
import store from './store'

// 默认为true 生产状态
Vue.config.productionTip = false
FastClick.attach(document.body)

// 移动端适配
function setHtmlFontSize() {
  const baseSize = 100 // 由于浏览器字体最小为12px，故这个值要设置大一点，保证计算所得的html字体大于12px
  const baseWidth = 375
  const htmlWidth =
    document.documentElement.clientWidth || document.body.clientWidth
  const htmlDom = document.getElementsByTagName('html')[0]
  htmlDom.style.fontSize = (htmlWidth / baseWidth) * baseSize + 'px'
}
setHtmlFontSize()
window.onresize = setHtmlFontSize

Vue.prototype.get = get
Vue.prototype.post = post

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
